.feather {
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin: 10px 0;
    min-height: 100px;
    position: relative;
    width: 100%;
}

.feather > div {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 3px #CCCCCC, -5px 0 0 #CCCCCC inset;
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 0;
    overflow:hidden;
}
.feather:hover > div {
    box-shadow: 0 2px 3px #CCCCCC, -5px 0 0 #1285c1 inset;
    position: relative;
}
.feather.even > div {
	box-shadow: 0 2px 3px #CCCCCC, 5px 0 0 #CCCCCC inset;
}
.feather.even:hover > div{
    box-shadow: 0 2px 3px #CCCCCC, 5px 0 0 #1285c1 inset;
}
.feather.even > div {
	right: 0;
}
.feather > div > div {
	margin: 20px;
	display: none;
}
.feather.hidden {
	box-shadow: none;
}